{{extend 'adminlayout.html'}}

<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>Instance manager</h3>
					
					<ul class="content-box-tabs">
						<li><a href="{{=URL('management')}}" >Instance list of system</a></li> <!-- href must be unique and match the id of target div -->
						<li><a href="{{=URL('create')}}" class="default-tab">Create a new instance</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
			   	
					<div class="tab-content default-tab" id="tab2">
					
						<form action="" method="post">
							
							
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								
								<p>
									<label>Instance name</label>
										<input class="text-input small-input" type="text" id="small-input" name="name" /> 
								
								</p>
								<p>
								<label>Flavor</label>
								<select class="small-input" name="flavor">
								{{for item in flavorList:}}
										<option value="{{=item.id}}">{{=item.id}}:{{=item.flavor_name }}[CPU:{{=item.flavor_cpu}}|RAM:{{=item.flavor_ram}} MB|DISK:{{=item.flavor_disk}} GB]</option>
								{{pass}}
										
									</select>
								</p>
									<p>
								<label>Image</label>
								<select class="small-input" name="image">
								{{for item in imageList:}}
										<option value="{{=item.id}}">{{=item.id}}:{{=item.image_name}}</option>
								{{pass}}		
										
									</select>
								</p>
								
								<p>
								
									<input class="button" type="submit" value="Create" />
								</p>
								
							</fieldset>
							
							<div class="clear"></div><!-- End .clear -->
							
						</form>
						
					</div> <!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
			
<div class="clear"></div><!-- End .clear -->	
			